<!doctype html>
<!--[if lt IE 8 ]><html lang="en" class="no-js ie ie7"><![endif]-->
<!--[if IE 8 ]><html lang="en" class="no-js ie"><![endif]-->
<!--[if (gt IE 8)|!(IE)]><!--><html lang="en" class="no-js"><!--<![endif]-->
<%@ taglib prefix="s" uri="/struts-tags"%>
<head>
<style type="text/css">
	a {
		cursor: pointer;
	}
</style>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<title>Edit Supporting Material</title>
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Combined stylesheets load -->
	<!-- Load either 960.gs.fluid or 960.gs to toggle between fixed and fluid layout -->
	<link href="css/main.css" rel="stylesheet" type="text/css">

	<!-- Favicon -->
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
	<link rel="icon" type="image/png" href="favicon-large.png">

	<!-- Modernizr for support detection, all javascript libs are moved right above </body> for better performance -->
	<script src="js/libs/modernizr.custom.min.js" tppabs="http://www.display-inline.fr/demo/constellation/template/js/libs/modernizr.custom.min.js"></script>
	<script src="js/index.js"></script>
   
</head>

<body>

	
	


	<!-- Status bar -->

	<!-- End status bar -->

	<div id="header-shadow"></div>
	<!-- End header -->

	<!-- Always visible control bar -->
	<div id="control-bar" class="grey-bg clearfix"><div class="container_12">

	</div></div>
	<!-- End control bar -->
	
	<!-- Content -->
	<article class="container_12">

		
	
		<section class="grid_8">
			<div class="block-border">
				<form name="AddMaterial" class="block-content form" id="complex_form" method="post"  >
					<h1>Supporting Materials Details</h1>
					<div class="block-controls"></div>
					<ul class="message warning no-margin">
						<li id="message">This is a <strong>warning message</strong>, inside a box
						</li>
						<li class="close-bt"></li>
					</ul>
					<div class="columns">
						<div>
							<ul class="tabs js-tabs same-height">
								<li class="current"><a href="#tab-locales" title="Locales">Details</a></li>
							</ul>
							<div class="float-right" style="margin: -2.5em 2em 0 0;">
							
								<a class="button" title="Save"    onclick="ValidateData()"> 
								<span class="smaller"><img
										height="16" width="16"
										src="images/icons/fugue/tick-circle.png"><strong>
											SAVE </strong></span>
								</a>
								<!-- input type="submit" value="Save"/> -->
								 <a class="button" title="Back" href="javascript:history.back();"> <span
									class="smaller"><img height="16" width="16"
										src="images/icons/fugue/navigation-180.png"><strong>
											BACK </strong></span>
								</a>
							</div>
							<!--END .float-right-->

							<div class="tabs-content">
								<div id="tab-locales">
									<div>
										<div class="columns">
											<p class="colx2-left">
												<label for="complex-en-url">URL <font color="red">*</font></label>
												<s:textfield type="text" name="URL" id="complex-en-subtitle" value="http://google.com.vn"
													size = "40" />
											</p>
											<p class="colx2-right">
												<label for="complex-en-subtitle">Added by</label>
												<s:textfield type="text" name="itemCurrent.contactid" readonly="true"
													id="complex-en-subtitle" value="Vu Van" size="30"/> 
											</p>
										</div>
										<div class="columns">
											<p class="colx2-left">
												<label for="complex-en-url">Description </label>
												<textarea name="Description" rows="4" cols="50" >Google Corp</textarea>
											<p class="colx2-right">
												<label for="complex-en-subtitle">Added Date</label>
												<s:textfield type="text" name="AddDate" readonly="true"
													id="complex-en-subtitle" value="10/3/2013" size="30"/> 
											</p>
										</div>
										<div class="columns">
					
											<p class="colx2-left">
												<label for="complex-en-url">Type</label> 
												<select name="contact.contactType" >
												  <option value="">Doc</option>
												  <option value="Fresher">Fresher</option>
												  <option value="mercedes">Mercedesaaaaaaaaaaaaaaaaaaaaaa</option>
												  <option value="Audi">Audi</option>
												</select>
											</p>
										</div>
										
										

									</div>

								</div>
								<!--END .tab-locales-->

							</div>
							<!--END .tabs-content-->

						</div>

					</div>
					<!--END .columns-->
					<div class="float-right" style="margin: -1em 2em 0 0;">
							
								
								<!-- input type="submit" value="Save"/> -->
								 <a class="button" title="Back" href="ListOrganisation.jsp"> <span
									class="smaller"><img height="16" width="16"
										src="images/icons/fugue/navigation-180.png"><strong>
											Organisation </strong></span>
								</a>
					</div>

				</form>
				<!--END Tag Form-->

			</div>
		</section>


		<div class="clear"></div>

	</article>

	<!-- End content -->

	<footer>


	</footer>

	<!--

	Updated as v1.5:
	Libs are moved here to improve performance

	-->

	<!-- Combined JS load -->
	<script src="js/fi000003.modal,list" tppabs="http://www.display-inline.fr/demo/constellation/template/js/mini.php?files=libs/jquery-1.6.3.min,old-browsers,libs/jquery.hashchange,jquery.accessibleList,searchField,common,standard,jquery.tip,jquery.contextMenu,jquery.modal,list"></script>
	<!--[if lte IE 8]><script src="js/standard.ie.js" tppabs="http://www.display-inline.fr/demo/constellation/template/js/standard.ie.js"></script><![endif]-->

	<!-- Plugins -->
	<script src="js/libs/jquery.dataTables.min.js" tppabs="http://www.display-inline.fr/demo/constellation/template/js/libs/jquery.dataTables.min.js"></script>
	<script src="js/libs/jquery.datepick/jquery.datepick.min.js" tppabs="http://www.display-inline.fr/demo/constellation/template/js/libs/jquery.datepick/jquery.datepick.min.js"></script>

	<!-- Charts library -->
	<!--Load the AJAX API-->
	<script src="js/www.google.com/jsapi" tppabs="http://www.google.com/jsapi"></script>
	<script>

		/*
		 * This script is dedicated to building and refreshing the demo chart
		 * Remove if not needed
		 */

		// Load the Visualization API and the piechart package.
		google.load('visualization', '1', {'packages':['corechart']});

		// Add listener for tab
		$('#tab-stats').onTabShow(function() { drawVisitorsChart(); }, true);

		// Handle viewport resizing
		var previousWidth = $(window).width();
		$(window).resize(function()
		{
			if (previousWidth != $(window).width())
			{
				drawVisitorsChart();
				previousWidth = $(window).width();
			}
		});

		// Demo chart
		function drawVisitorsChart() {

			// Create our data table.
			var data = new google.visualization.DataTable();
			var raw_data = [['Website', 50, 73, 104, 129, 146, 176, 139, 149, 218, 194, 96, 53],
							['Shop', 82, 77, 98, 94, 105, 81, 104, 104, 92, 83, 107, 91],
							['Forum', 50, 39, 39, 41, 47, 49, 59, 59, 52, 64, 59, 51],
							['Others', 45, 35, 35, 39, 53, 76, 56, 59, 48, 40, 48, 21]];

			var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];

			data.addColumn('string', 'Month');
			for (var i = 0; i < raw_data.length; ++i)
			{
				data.addColumn('number', raw_data[i][0]);
			}

			data.addRows(months.length);

			for (var j = 0; j < months.length; ++j)
			{
				data.setValue(j, 0, months[j]);
			}
			for (var i = 0; i < raw_data.length; ++i)
			{
				for (var j = 1; j < raw_data[i].length; ++j)
				{
					data.setValue(j-1, i+1, raw_data[i][j]);
				}
			}

			// Create and draw the visualization.
			var div = $('#chart_div');
			new google.visualization.ColumnChart(div.get(0)).draw(data, {
				title: 'Monthly unique visitors count',
				width: div.width(),
				height: 330,
				legend: 'right',
				yAxis: {title: '(thousands)'}
			});

			// Message
			notify('Chart updated');
		};

	</script>

	
	<script>
	
		function ValidateData()
		{
				var x=document.forms["AddMaterial"]["URL"].value;
				
				var k = true;
				
				var MyPara = "";
				if (x==null || x=="")
					{
						MyPara = MyPara + "URL must be filled out<br><br/>  ";
						k = false;
					}
				
							
				if(k==false)
					{
						document.getElementById('message').innerHTML=MyPara;
						var myPara = document.getElementById('message');
						myPara.style.color = "red";
					}
				else
					{
						window.location.href = 'addOrganisation.jsp';
					}
		}
	
	</script>

</body>
</html>